import 'package:flutter/material.dart';

/// 应用的浅色主题配置（Light Theme）
///
/// - 使用 Material3 设计规范（`useMaterial3: true`）
/// - 基于亮色模式（`Brightness.light`）
/// - 设置了浅灰色背景、菜单栏表面颜色、状态栏颜色等
/// - 自定义了 AppBar 与 PopupMenu 的样式
final ThemeData lightTheme = ThemeData(
  /// 启用 Material 3，使 `menuPadding` 等配置生效
  useMaterial3: true,

  /// 亮色主题
  brightness: Brightness.light,

  /// 页面整体背景色
  scaffoldBackgroundColor: Colors.grey[100],

  /// 颜色系统（亮色版）
  colorScheme: ColorScheme.light(
    /// 菜单栏/表面背景
    surface: Colors.grey[100]!,

    /// 状态栏背景（略深）
    surfaceContainerHighest: Colors.grey[200]!,

    /// 主色调（按钮、选中状态等）
    primary: Colors.blue,

    /// 表面上的文字/图标颜色
    onSurface: Colors.black,
  ),

  /// 应用栏（AppBar）样式
  appBarTheme: AppBarTheme(backgroundColor: Colors.grey[200], elevation: 0),

  /// 弹出菜单（PopupMenu）样式
  popupMenuTheme: const PopupMenuThemeData(
    /// 去掉 PopupMenu 默认的上下 8px 内边距
    menuPadding: EdgeInsets.zero,
  ),
);

/// 应用的深色主题配置（Dark Theme）
///
/// - 使用 Material3 设计规范（`useMaterial3: true`）
/// - 基于暗色模式（`Brightness.dark`）
/// - 设置了暗灰背景、菜单栏表面颜色、状态栏颜色等
/// - 自定义了 AppBar 与 PopupMenu 的样式
final ThemeData darkTheme = ThemeData(
  /// 启用 Material 3
  useMaterial3: true,

  /// 暗色主题
  brightness: Brightness.dark,

  /// 页面整体背景色（暗灰色）
  scaffoldBackgroundColor: const Color(0xFF191A20),

  /// 颜色系统（暗色版）
  colorScheme: const ColorScheme.dark(
    /// 菜单栏/表面背景
    surface: Color(0xFF23242B),

    /// 状态栏背景
    surfaceContainerHighest: Color(0xFF23242B),

    /// 主色调
    primary: Colors.blue,

    /// 表面上的文字/图标颜色
    onSurface: Colors.white,
  ),

  /// 应用栏（AppBar）样式
  appBarTheme: const AppBarTheme(
    backgroundColor: Color(0xFF23242B),
    elevation: 0,
  ),

  /// 弹出菜单（PopupMenu）样式
  popupMenuTheme: const PopupMenuThemeData(
    /// 去掉默认内边距
    menuPadding: EdgeInsets.zero,
  ),
);
